<template>
	<div class="a1">
		<!-- <img src="../../assets/img/images/weimeishubenbeijingtupian_3791176.jpg" :style="{ filter: 'blur(' + blurAmount + 'px)'}" alt="模糊图片"  class="background-image"/> -->
		<MobileShopping :proplist='hotlist'></MobileShopping>
	</div>
</template>

<script>
	import MobileShopping from '@/components/mobile/shopping/MobileShopping.vue';
	export default{
		name:'MobileBookDetail',
		components:{
			MobileShopping
		},
		data(){
			return{
				blurAmount: 5,
				hotlist: [],
				book:{pic:''},
			}
		},
		methods:{
			getPic(){
				let url=this.$route.fullPath.split('/')[3];
				console.log(url);
				this.$get("/api/public/book/findById/"+url).then((resp)=>{
					console.log(9251658126)
					console.log(resp.data.data)
					this.book.pic = resp.data.data.pic
				})
			}
		},
		mounted(){
			this.getPic();
		}
	}
</script>

<style scoped>
	.background-image {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 25rem;
	  height: 53rem;
	  object-fit: cover;
	  z-index: -1;
	}
</style>
